<ion-header class="give-back-money-header">
  <ion-navbar hideBackButton="true">
    <ion-title>还款</ion-title>

    <ion-buttons class="header-query" end (click)="doHelp()">
      <button ion-button icon-only>
      </button>
    </ion-buttons>

  </ion-navbar>
</ion-header>

<ion-content class="give-back-money-section">

  <!--没有需要归还的页面-->
  <div class="show-not-back" *ngIf="borrow$ | async as borrow"
       [hidden]="borrow.progress.length>0 && borrow.borrowModalStatus===30"
  >

    <div></div>
    <p>你现在还没有要还的款项哦~</p>
    <button ion-button small (click)="doBorrowMoney()">马上申请</button>
  </div>

  <back-money-brief *ngIf="borrow$ | async as borrow"
                    [hidden]="borrow.progress.length==0 || borrow.borrowModalStatus!==30"
                    [showSmallPadding]="false"
                    [options]= "borrow"
                    (clickHandler)="doOrderDetails($event)"
  ></back-money-brief>
  <!--还款方式-->
  <div class="back-money-type">支持多种还款方式,还款快捷</div>

  <!--银联-->
  <ion-list class="pass-bank">

    <a ion-item (click)="doGiveBackType()">
      <div float-left><img src="assets/img/give-back-money/bank.svg" /></div>
      <span float-left>自动还款</span>
    </a>

  </ion-list>

  <ion-refresher (ionRefresh)="executeRefresh($event)">
    <ion-refresher-content></ion-refresher-content>
  </ion-refresher>

</ion-content>
